@import "./opt-autumnus.css";

:root {
	--write-bg: transparent !important;
	--codeb-bg: #f8f8f880 !important;
	--quota-bg: #f8f8f880 !important;
	--thead-bg: #f0f0f080 !important;
	--tbody-bg: #f8f8f880 !important;
}

.typora-export,
content {
	background-color: var(--write-bg);
	min-width: 640px;
}

.megamenu-content {
	background: var(--bg-color);
}

#write {
	width: 100%;
	background: transparent !important;
}

.on-focus-mode #write {
	background: var(--codeb-bg) !important;
}

content {
	z-index: -2;
}

.typora-export:after,
content:after {
	content: "";
	background: rgba(221, 221, 221, 0.5);
	backdrop-filter: saturate(180%) blur(20px);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	min-height: 100%;
	border-radius: 5px;
}

.typora-export{
	background-attachment: fixed!important;
}

.md-toc {
	background: #f0f0f080;
	border-radius: 0;
	display: block;
	padding: 2rem;
	margin-left: auto !important;
	border-left: 4px solid #fb5555;
	border-right: 4px solid #fb5555;
	max-width: 100%;
}

.md-toc::before {
	left: -5rem;
	top: 1rem;
}

.md-toc-content {
	top: 2rem;
}


#write div.md-toc-tooltip {
	left: 0em;
}

#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
	background: var(--quota-bg) !important;
	color: var(--text-color) !important;
}

#write .md-fences * {
	background: transparent !important;
}

#write .code-tooltip:after {
	content: "";
	width: 180px;
	background: hsl(0, 100%, 99%);
	height: 25px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	z-index: -1;
}

blockquote blockquote {
	background: transparent !important;
}

.enable-diagrams pre.md-fences[lang=sequence]:not(.md-focus),
.enable-diagrams pre.md-fences[lang=flow]:not(.md-focus),
.enable-diagrams pre.md-fences[lang=mermaid]:not(.md-focus) {
	background: var(--codeb-bg);
}

.on-focus-mode .md-focus {
	background: #fafafa80;
}

.footnotes,
.footnotes em,
.footnotes strong {
	color: var(--text-color) !important;
}


footer.ty-footer {
	background: transparent;
	height: 32px;
}

#footer-word-count-info.dropdown-menu {
	background: var(--bg-color);
}

#footer-word-count-info,
#spell-check-panel {
	background: var(--bg-color) !important;
}

@media screen and (max-width: 800px) {
	footer.ty-footer {
		background: #fff !important;
	}
}

@media screen and (min-width: 1300px) {
	#write {
		box-shadow: none !important;
	}

	div.footer-item {
		background: var(--bg-color);
	}

}

@media print {
	:root {
		--bg-color: #fff !important;
		--write-bg: #fff !important;
	}

	#write:after {
		background: #fff;
	}

}

#top-titlebar,
#top-titlebar * {
	background-color: var(--bg-color);
}

#footer-word-count-info.dropdown-menu {
	background: var(--bg-color);
}

.typora-export,
content {
	background-color: var(--write-bg);
	min-width: 640px;
	background: url("");
	background-size: cover;
}